<template>
  <div class="head">
    <div class="layout clearfix">
      <h1 class="logo fl"><a href="#"><img src="../../../static/images/logo.jpg"/></a></h1>
      <div class="headbox fr">
        <div class="search fr">
          <input type="text" class="txt fl" placeholder="搜索关键字..."/>
          <input type="submit" class="btn fl" value=""/>
        </div>
        <div class="share fr">
          <em class="tit fl">分享到：</em>
          <a href="#" class="s1 fl"></a>
          <a href="#" class="s2 fl"></a>
        </div>
        <div class="lan fr">
          <i class="i1 ib"></i>
          中文
          <i class="i2 ib"></i>
          <div class="pop">
            <a href="#">en</a>

          </div>
        </div>

      </div>
      <ul class="nav fr">
        <li :class="url==='/'||url==='/index'?'on':''">
          <router-link to="/"><a href="javascript:void(0);"><i class="index ib"></i></a></router-link>
        </li>
        <li :class="url==='/aboutus'?'on':''">
          <router-link to="/aboutus"><a href="javascript:void(0);">亚飞太平洋</a></router-link>
        </li>
        <li :class="url==='/product'?'on':''">
          <router-link to="/product"><a href="javascript:void(0);">飞机销售</a></router-link>
        </li>
        <li :class="url==='/multimedia_service'?'on':''">
          <router-link to="/multimedia_service"><a href="javascript:void(0);">服务与支持</a></router-link>
        </li>
        <li :class="url==='/multimedia'?'on':''">
          <router-link to="/multimedia"><a href="javascript:void(0);">多媒体中心</a></router-link>
        </li>
        <li :class="url==='/contact'?'on':''">
          <router-link to="/contact"><a href="javascript:void(0);">联系我们</a></router-link>
        </li>
      </ul>

    </div>

  </div>
</template>

<script>
    export default {
        name: "Head",
        url: '',

        created() {
          this.url = window.location.pathname;
          console.log(this.url);
      },
    }

</script>

<style scoped>

</style>
